<!--
 * @PageName: 
 * @Description: 登录、忘记密码、首次重置密码底部备案组件
 * @FilePath: /glm-mes-pc/src/components/Icp/index.vue
-->
<template>
	<div class="icp-area">
		<div class="copyright">
			Copyright ©
			{{ copyright }}
		</div>
		<a href="https://beian.mps.gov.cn/#/query/webSearch" target="_blank" class="icp" style="margin-right: 30px">
			<img src="@/assets/images/security.png" />
			<span>{{ security }}</span>
		</a>
		<a href="https://beian.miit.gov.cn/" target="_blank" class="icp">
			<img src="@/assets/images/icp.png" />
			<span>{{ icp }}</span>
		</a>
	</div>
</template>

<script setup>
import useSettingsStore from '@/store/modules/settings'

const settingsStore = useSettingsStore()
const copyright = settingsStore.copyright
const icp = settingsStore.icp
const security = settingsStore.security
</script>

<style lang="scss" scoped>
.icp-area {
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
	color: #ccc;
	font-size: 14px;
	.icp {
		img {
			width: 16px;
			height: 16px;
			margin-right: 4px;
			vertical-align: middle;
		}
		span {
			vertical-align: middle;
		}
	}
}
</style>
